<html>

<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>drop-down</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <link href="http://g.alicdn.com/msui/sm/0.6.2/css/sm.css" rel="stylesheet">
</head>

<body>
<div class="page" id="pull-to-refresh-content">
    <header class="bar bar-nav">
        <h1 class='title'>下拉刷新</h1>
    </header>
    <!-- content应该拥有"pull-to-refresh-content"类,表示启用下拉刷新 -->
    <div class="content pull-to-refresh-content" data-ptr-distance="55">
        <!-- 默认的下拉刷新层 -->
        <div class="pull-to-refresh-layer">
            <div class="preloader"></div>
            <div class="pull-to-refresh-arrow"></div>
        </div>
        <!-- 下面是正文 -->
        <div class="card-container">
            <div class="card">
                <div class="card-header">card</div>
                <div class="card-content">
                    <div class="card-content-inner">
                        这里是第1个card，下拉刷新会出现第2个card。
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
    <script charset="utf-8" src="http://g.alicdn.com/sj/lib/zepto/zepto.js" type="text/javascript">
    </script>
    <script charset="utf-8" src="http://g.alicdn.com/msui/sm/0.6.2/js/sm.js" type="text/javascript">
    </script>
    <script type="text/javascript" src="js/drop-down.js"></script>
</body>

</html>
